<template>
  <div class="brand-item-page xtx-wrapper">
    <div class="container" style="padding-bottom:20px">
      <xtx-bread>品牌列表</xtx-bread>
      <!-- 品牌介绍 -->
      <div class="brand-intro">
        <div class="image">
          <img :src="img" alt="">
        </div>
        <div class="info">
          <p class="name">nomos</p>
          <p class="desc">源于德国的世界知名奢侈品牌</p>
          <p class="icon">
            <i class="iconfont icon-dingwei"></i>
            <span>德国</span>
            <i class="iconfont icon-xin2 red"></i>
            <span>1000</span>
          </p>
          <p class="text">
            <span>品牌故事：</span>
            <span>COS从急速的现代生活节奏中汲取灵感。令人眼花缭乱的印花、宽松的版型和柔软的廓形，COS酷炫的风格获得了新鲜而又迷人的轻松之感。深受七十年代游猎风格的影响，COS以一种充满乐趣的方式将其引用到新系列中。采用柔软山羊皮的沙色防雨风衣，以及带束带的冰蓝色衬衫裙呈现运动风尚。D型环半圆扣及纽扣的使用为整体造型增添了一丝休闲之感，展现新系列的悠闲气质，并兼具适合女性穿着的轻盈质感和时髦廓型。数字化快速印制的部落印花用于紧身格子....</span>
          </p>
          <a class="like" href="#">关注品牌</a>
        </div>
      </div>
      <!-- 相关商品 -->
      <div class="brand-goods">
        <h4>团购商品 <span>100</span></h4>
        <ul>
          <li v-for="i in 8" :key="i">
            <a href="#">
              <img :src="img2" alt="">
              <p class="name">红米Note 5A 高配版</p>
              <p class="desc">1600万像素柔光自拍</p>
              <p class="price">2人开团 ¥249</p>
              <p class="old-price">原价￥299</p>
            </a>
          </li>
        </ul>
        <h4>相关商品 <span>100</span></h4>
        <ul>
          <li v-for="i in 4" :key="i">
            <a href="#">
              <img :src="img2" alt="">
              <p class="name">红米Note 5A 高配版</p>
              <p class="desc">1600万像素柔光自拍</p>
              <p class="price">2人开团 ¥249</p>
              <p class="old-price">原价￥299</p>
            </a>
          </li>
        </ul>
      </div>
      <!-- 品牌评论 -->
      <div class="brand-comment">
        <h4>相关评价 <span>20</span></h4>
        <ul>
          <li v-for="i in 2" :key="i">
            <a class="image" href="#">
              <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/kitchen_goods_5.jpg" alt="">
            </a>
            <div class="info">
              <div class="user">
                <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/avatar_1.png" alt="">
                <span>兔子妹妹</span>
              </div>
              <p class="text">
                这款小米电视大气不失优雅，视觉效果超级好视觉效果超级好视觉效果超级好，强烈推荐购买哦，喜欢的可以入手，本人觉得很值当，视觉效果超级好，强烈推荐购买哦，喜欢的可以入手…
              </p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'brand-item-page',
  data () {
    return {
      img2: 'https://yanxuan-item.nosdn.127.net/7da35dff19d2b6c27f6a5418a5847e68.jpg?type=webp&quality=95&thumbnail=245x245&imageView',
      img: 'https://img13.360buyimg.com/seckillcms/s1180x566_jfs/t1/126731/21/14670/268145/5f8408b9Ed219eb7f/00de97cb731cb45a.jpg!cc_1180x566.webp'
    }
  }
}
</script>

<style scoped lang='less'>
@import './styles/item.less';
</style>
